﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content=>
    <meta name="keywords" content=/>
    <link rel="icon" href="static/image/favicon.ico">
	<style>
        *{margin:0;padding:0;}
        html,body{font-family: Helvetica, Arial, sans-serif; height: 100%}
        .nav{width: 100%;height: 120px;margin:auto;background-color: #F5F5F5;color: #002b36;
            display: block;overflow: hidden}
        .admin{width:60%;margin-top: 20px;margin-left: auto;margin-right: auto;display: block}
        .title{margin: 15px auto 15px 40%;display: block;font-weight: bolder;font-size: 35px}
        .content {min-height:100%; position: relative;}
        .main {padding: 0px;padding-bottom: 60px;}
        .footer {position: absolute; bottom: 0; background-color: #F5F5F5; width: 100%;font-size: 16px;color: #2e383c}
        h1{font-size: 30px}
        nav li{display: inline}
        article li,pre{margin: 15px auto 15px 10px}
        {% block css %}{% end %}
	</style>
    <link href="http://cdn.bootcss.com/highlight.js/9.8.0/styles/monokai-sublime.min.css" rel="stylesheet" >
    <!-- link href="http://cdn.bootcss.com/highlight.js/9.8.0/styles/atom-one-dark.min.css" rel="stylesheet" -->
    <link type="text/css" href="{{ static_url('css/bootstrap.min.css')}}" rel="stylesheet" />
    <script src="{{ static_url('js/jquery-1.12.4.min.js')}}"></script>
    <script src="{{ static_url('js/bootstrap.min.js') }}"></script>
    <style type="text/css">
        a:link {text-decoration: none;color: #0a001f}
        a:visited {text-decoration: none;color: #0a001f}
        a:hover {text-decoration: none;color: #0a001f}
        a:active {text-decoration: none;color: #0a001f}
    </style>
    <title>后台管理</title>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <div class="content">
      <div class="main">
          <nav class="nav">
              <div style="width: 50%;display: block;float: left">
                <span class="title">{{ name }}</span>
                <p style="font-size: 18px;margin: auto auto 10px 40%;font-weight: bold">{{ subtitle }}</p>
              </div>
              <div style="width: 50%;display: block;float: left">
                <ul style="font-size: 18px;display: block;margin: 50px auto 30px 20%">
                    <li><a href="/admin">-全局设定-/</a></li>
                    <li><a href="/admin/article">-文章管理-/</a></li>
                    <li><a type="button" data-toggle="modal" data-target="#useradmin" href="#">-修改密码-/</a></li>
                    <li><a href="/logout">-退出-</a></li>
                </ul>
              </div>
          </nav>
          {% block body %}{% end %}

      </div>
      {% module footer(link) %}
  </div>
  <!-- 用户管理 -->
  <div id="useradmin" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <form action="/admin" method="post">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">密码修改</h4>
      </div>
      <div class="modal-body">
        <input type="text" id="olduser" name="olduser" class="form-control" placeholder="请输入旧用户名" required>
        <input type="password" id="oldpasswd" name="oldpasswd" class="form-control" placeholder="请输入旧密码" required>
        <input type="password" id="newuser" name="newuser" class="form-control" placeholder="请输入新的用户名" required>
        <input type="password" id="newpasswd" name="newpasswd" class="form-control" placeholder="请输入新密码" required>
        <input type="password" id="newpasswd2" name="newpasswd2" class="form-control" placeholder="请再输入一次" required>
        {% raw xsrf_form_html() %}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">提交</button>
      </div>
     </form>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
  <script src="http://cdn.bootcss.com/highlight.js/9.8.0/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  {% block js %}{% end %}
  </body>
</html>
